#5A8448

Color Details

HEX
#5A8448
RGB
rgb(90, 132, 72)
HSL
hsl(102, 29%, 40%)
CMYK
cmyk(32%, 0%, 45%, 48%)
Best text on this color #000000 (CR 4.83:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5a8448
Contrast 4.83:1 AA
White on #5a8448
Contrast 4.35:1 Fail
#5a8448 on Black
Contrast 4.83:1 AA
#5a8448 on White
Contrast 4.35:1 Fail

Tints & Shades

#7b9d6d
#9cb591
#bdceb6
#486a3a
#364f2b
#24351d

Complement & Analogous

#724884
#488454
#788448

Triadic

#485a84
#84485a

Monochrome

#24351d #364f2b #5a8448 #9cb591 #bdceb6 #dee6da

Analogous

#788448 #a1a97f #5a8448 #6d9d76 #488454 #3a6a43

Complementary Mix

#364f2b #5a8448 #9cb591 #724884 #a388af #4a2f56

Nearby Colors

#5a8447
#5a8449
#5a8438
#5a8458

Embed #5A8448 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #5A8448

#5A8448 converts to RGB(90, 132, 72) and HSL(102, 29%, 40%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#5A8448 FAQs

What is the RGB value of #5A8448?
RGB: 90, 132, 72. Copy as CSS: rgb(90, 132, 72)
Is #5A8448 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5A8448?
Complement: #724884.
Does #5A8448 have good contrast on white or black?
On white: 4.35:1 (AA (large text)). On black: 4.83:1 (AA (normal text)).